﻿* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 16px;
	font-family: "å¾®è½¯é›…é»‘";
}

a {
	text-decoration: none;
}
body{margin: 0;padding: 0; width: 100%;}
a:hover,
a:link,
a:focus,
a:active {
	text-decoration: none;color: #fff;
}
.over{overflow: hidden; zoom: 1;}
p {
	margin: 0;
}


.container{width: 100%;height: 100*;}
.top_title{background-color: #ccc;font-size: 14px;padding: 10px 10px 10px 10%;}
.g-topnav{display: flex;/*width: 100%;*/height: 50px;position: relative;margin-top: 10px;}
.g-logo{display: flex;width: 100%;margin-top: 10px;}
.g-logo .top_logo{width: 16%;height: 90px;/*border: 1px solid red;*/display: flex;margin-right: 30px;}
.g-logo .top_logo img{width: 100%;height: 60px;margin-top: 15px;margin: 15px 0 0 6%;}
.g-logo .g-text{border-left: 1px solid #ccc;padding-left:30px;height: 64px;margin: 0;padding-top: 15px;}
.g-logo .g-text dt{color: dodgerblue;font-weight: bold;font-size: 20px;display: inline-block;height: 30px;}
.g-logo .g-text dd{color: #333333;font-size: 16px;font-weight: bold;}
.g-logo .logo-nub{display: flex;/*border: 1px solid red;*/margin-left: 24%;margin-top: 20px;}
.g-logo .logo-nub img{width: 14%;height:46px;display: inline-block;margin-top: 10px;}
.g-logo .logo-nub .telnub{margin-left: 10px;}
.g-logo .logo-nub .telnub b{font-size: 16px;color:#CCCCCC;}
.g-logo .logo-nub .telnub strong{color: dodgerblue;font-weight: bold;font-size: 26px;}

.g-topnav nav{/*display: flex;position: relative;*/width: 100%;height: 50px;background-color: #ccc;}
.g-topnav nav ul{display: flex;width: 100%;margin: 0;height: 50px;}
.g-topnav nav ul .first_sy{background-color: #007AFF;height: 50px;color: #fff;display: inline-block;}
.g-topnav nav ul li{width: 11%;height:25px;color: #333;text-align: center;list-style: none;/*border: 1px solid red;*/border-right: 1px solid #fff;margin: 15px 0 0 0px;}
.g-topnav nav ul li:first-child{border: none;margin-left: 80px;}
.g-topnav nav ul li:last-child{border: none;}

.g-topnav nav ul li a{display: inline-block;width: 100%;height: 50px;line-height:50px ;color: #333;text-align: center;margin-top: -15px;}
/*.g-topnav nav ul li span{width:0px;height: 0;border: 8px solid transparent;border-top-color: #fff;}*/


.g-topnav nav ul li a:hover{background-color: #007AFF;color: #fff;}

.g-topnav nav ul li dl{z-index: 9; background-color: #0067cb;position: absolute;top: 50px;width: 11%;display: none;border-top: 4px solid #fff;}
.g-topnav nav ul li dl dd{color: #fff;height: 40px;}
.g-topnav nav ul li dl dd a{height: 34px;color: #fff;}
.g-topnav nav ul li dl dd a:hover{background-color: #C0C0C0;color: #000;height: 40px;line-height:40px;}

.g-topnav nav ul li:nth-of-type(3):hover dl,.g-topnav nav ul li:nth-of-type(4):hover dl,.g-topnav nav ul li:nth-of-type(7):hover dl{display: block;}






.g_banner{/*width: 100%;*/height: 525px;}
.g_banner img{width: 100%;height: 525px;display: inline-block;}

.g_hot{height: 60px;background-color: #CCCCCC;padding-left: 10%;color: #FF0000;}
.g_hot img{height: 20px;width: 15px;margin: -5px 2px -3px 0;}
.g_hot a{height: 60px;display: inline-block;color: #666;line-height: 60px;margin-left: 20px;font-size: 14px;}

.g_y_title{margin: 30px 0;}
.g_y_title h1{font-size: 32px;text-align: center;}
.g_y_title p{font-size: 12px;color: #666;text-align: center;margin-top: 5px;}
.g_y_title span{display: inline-block;width: 28px;height: 3px;background-color: #007AFF;margin: 0 0 0 49%;}

.g_pudzs{margin: 30px 0;}
.g_pudzs .pudtit{width: 90%;display: flex;justify-content: space-between;margin-left: 5%;}
.g_pudzs .pudtit li{background: url(../images/pro-btn.png)no-repeat 50% center;width: 20%;height: 40px;}
.g_pudzs .pudtit li a{color: #333333;display: inline-block;height: 40px;line-height: 40px;text-align: center;width: 100%;}
.g_pudzs .pud_dl{width: 90%;display: flex;justify-content: space-between;margin: 30px 0 0 5%;}
.g_pudzs .pud_dl a{display: inline-block;width: 20%;}
.g_pudzs .pud_dl a dl{width: 100%;height: 50px;border: 1px solid #CCCCCC;height: 100%;}
.g_pudzs .pud_dl a dl dt img{width: 100%;height: 100%;}
.g_pudzs .pud_dl a dl dd{width: 100%;background-color: #CCCCCC;height: 35px;line-height: 35px;text-align: center;color: #333333;}

.g_cpys{height: 400px;margin: 0 2%;overflow: hidden;zoom: 1;position: relative;display: flex;justify-content: space-between;}
.g_cpys .g_cpys_left{width: 33%;}
.g_cpys .g_cpys_left p{margin-top: 30px;}
/*.g_cpys .g_cpys_left .g_left_pic1{background: url(../images/icon_a.png)no-repeat 20% 10%;}*/
.g_cpys .g_cpys_left .g_left_pic1 b{font-size: 24px;display: inline-block;margin-right: 10px;}
.g_cpys .g_cpys_left .g_left_pic1 b i{font-size: 24px;color: #1E90FF;display: inline-block;margin-right: 10px;}
.g_cpys .g_cpys_left .g_left_pic1 strong{display:block;width: 30px;height:4px;background-color: #007AFF;margin: 5px 0;}
.g_cpys .g_cpys_left .g_left_pic1 span{display: block;font-size: 14px;line-height: 24px;}
.g_cpys .g_cpys_left .g_left_pic2 b{font-size: 24px;display: inline-block;margin-right: 10px;}
.g_cpys .g_cpys_left .g_left_pic2 b i{font-size: 24px;color: #1E90FF;display: inline-block;margin-right: 10px;}
.g_cpys .g_cpys_left .g_left_pic2 strong{display:block;width: 30px;height:4px;background-color: #007AFF;margin: 5px 0;}
.g_cpys .g_cpys_left .g_left_pic2 span{display: block;font-size: 14px;line-height: 24px;}
.g_cpys .g_cpys_left .g_left_pic3 b{font-size: 24px;display: inline-block;margin-right: 10px;}
.g_cpys .g_cpys_left .g_left_pic3 b i{font-size: 24px;color: #1E90FF;display: inline-block;margin-right: 10px;}
.g_cpys .g_cpys_left .g_left_pic3 strong{display:block;width: 30px;height:4px;background-color: #007AFF;margin: 5px 0;}
.g_cpys .g_cpys_left .g_left_pic3 span{display: block;font-size: 14px;line-height: 24px;}



.g_cpys .g_cpys_right{width:33%;}
.g_cpys .g_cpys_right p{margin-top: 30px;}
.g_cpys .g_cpys_right .g_right_pic1 b{font-size: 24px;display: inline-block;margin-right: 10px;}
.g_cpys .g_cpys_right .g_right_pic1 b i{font-size: 24px;color: #1E90FF;display: inline-block;margin-right: 10px;}
.g_cpys .g_cpys_right .g_right_pic1 strong{display:block;width: 30px;height:4px;background-color: #007AFF;margin: 5px 0;}
.g_cpys .g_cpys_right .g_right_pic1 span{display: block;font-size: 14px;line-height: 24px;}
.g_cpys .g_cpys_right .g_right_pic2 b{font-size: 24px;display: inline-block;margin-right: 10px;}
.g_cpys .g_cpys_right .g_right_pic2 b i{font-size: 24px;color: #1E90FF;display: inline-block;margin-right: 10px;}
.g_cpys .g_cpys_right .g_right_pic2 strong{display:block;width: 30px;height:4px;background-color: #007AFF;margin: 5px 0;}
.g_cpys .g_cpys_right .g_right_pic2 span{display: block;font-size: 14px;line-height: 24px;}
.g_cpys .g_cpys_right .g_right_pic3 b{font-size: 24px;display: inline-block;margin-right: 10px;}
.g_cpys .g_cpys_right .g_right_pic3 b i{font-size: 24px;color: #1E90FF;display: inline-block;margin-right: 10px;}
.g_cpys .g_cpys_right .g_right_pic3 strong{display:block;width: 30px;height:4px;background-color: #007AFF;margin: 5px 0;}
.g_cpys .g_cpys_right .g_left_pic3 span{display: block;font-size: 14px;line-height: 24px;}


.g_zhanshi{margin: 50px 6%;}
.g_zhanshi dl{width: 100%;border-bottom:1px solid #C0C0C0;display: flex;justify-content: space-between;margin:33px 0;}
.g_zhanshi dl dt h4 i{display: inline-block;background-color: #023793;width: 80px;height: 80px;line-height: 80px;font-size: 40px;border-radius: 50%;color: #fff;text-align: center;font-family: Impact;font-style: normal;}
.g_zhanshi dl dt h4 span{font-size: 40px;display: block;margin-left: 100px;margin-top: -78px;color:#023793;}
.g_zhanshi dl dt h4 span b{font-size: 14px;font-weight: normal;display: block;color: #333;margin-top: 5px;}
.g_zhanshi .zhs_text{margin: 15px 0 0 100px;}
.g_zhanshi .zhs_text p{line-height: 30px;font-size: 16px;}
.g_zhanshi .zhs_text p span{width: 10px;height:10px;background-color:#023793;border-radius: 50%;display: inline-block;margin-right: 8px;}
.g_zhanshi dl dd{width: 34%;margin-top: -30px;}
.g_zhanshi dl dd img{width: 100%;height: 300px;}
.g_zhanshi dl:last-of-type{border-bottom: none;}




.g_cpys .g_cpys_center{width: 33%;/*padding-left: 10%;*/height: 400px;margin-top: 2px;margin-left: 0%;}
.g_cpys .g_cpys_center img{width: 100%;height: 397px;}


.g_yaoxian{background: url(../images/YX_BG.jpg)no-repeat;width: 100%;height: 120px;margin: 50px 0;}
.g_yaoxian p{text-align: center;color: #fff;font-size: 30px;padding-top: 12px;}
.g_yaoxian p a{color: #fff;font-size: 14px;}

.g_yaoxian1{background: url(../images/yx_bg1.jpg)no-repeat;width: 84%;height: 225px;margin:50px 0;display: flex;justify-content: space-between;padding: 0 8%;}
.g_yaoxian1 p:first-of-type{background: url(../images/yx_icon1.png)no-repeat left center;color: #fff;background-size: 100%;width: 20%;}
.g_yaoxian1 p:nth-of-type(2){color: #fff;background: url(../images/yx_icon2.png)no-repeat left center;background-size: 100%;width: 20%;}
.g_yaoxian1 p:nth-of-type(3){color: #fff;background: url(../images/yx_icon3.png)no-repeat left center;background-size: 100%;width: 20%;}
.g_yaoxian1 p:nth-of-type(4){color: #fff;background: url(../images/yx_icon4.png)no-repeat left center;background-size: 100%;width: 20%;}
.g_yaoxian1 p:last-of-type{color: #fff;background: url(../images/yx_icon5.png)no-repeat left center;background-size: 100%;width: 20%;}
.g_yaoxian1 p span{font-size: 12px;display: inline-block;height: 114px;margin: 40% 0 0 40%;}
.g_yaoxian1 p:hover{animation:rotate 8s linear infinite;}
@keyframes rotate{
	0%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(360deg);
	}
}
.g_news{display: flex;justify-content: space-between;margin: 100px 2% 60px 2%;}
.g_news .news_left{width: 50%;background-color: #c0c0c0;}
.g_news .news_left p{text-indent: 2em;font-size: 14px;line-height: 24px;margin: 10px 1% 0 1%;}
.g_news .news_left h3{text-align: center;line-height: 30px;margin-top: 10px;}
.g_news .news_left span{font-size: 24px;color: #007AFF;}
.g_news .news_left span strong{display: block;font-size: 14px;color: #000;margin-top: 10px;}
.g_news .news_left .news_nub{display: flex;margin: 20px 8%;justify-content: space-between;}


.g_news .news_right{width: 50%;margin-top: -50px;}
.g_news .news_right a img{width: 100%;height: 400px;}
.g_news .news_right a{color: #fff;display: inline-block;line-height: 40px;text-align: center;display: block;width:100%;}
.news_right .news_hear a{width: 100%; color: #fff;background-color: #007AFF;display: inline-block;width: 150px;
height: 40px;line-height: 40px;text-align: center;margin: 30px 0 0 20%;}



.g-case{display: flex;justify-content: space-between;margin: 50px 2% 60px 2%;}
.g-case .g_case_left{width: 49%;height: 350px;}
.g-case .g_case_left img{width: 100%;height: 350px;}
.g-case .g_case_right{width: 49%;height: 310px;display: flex;justify-content: space-between;border: 1px solid #e6e6e6;flex-wrap: wrap;padding: 20px 0;}
.g-case .g_case_right a{color: #000000;width: 33%;display: inline-block;text-align: center;line-height: 50px;}
.g-case .g_case_right a img{width: 50%;border-radius: 50%;display: block;margin-left: 23%;}

.g_new{display: flex;justify-content: space-between;margin: 40px 2%;}
.g_new .g_new_left{width: 49%;margin-top: -10px;}
.g_new .g_new_right{width: 49%;}
.g_new .g_new_right img{width:100%;height: 260px;}
.g_new .g_new_right dl{}
.g_new .g_new_right dl dt{display: flex;justify-content: space-between;line-height: 50px;}
.g_new .g_new_right dl dt h3{font-size: 16px;font-weight: bold;display: inline-block;}
.g_new .g_new_right dl dt span{font-size: 16px;color: #999999;}
.g_new .g_new_right dl a{color: #333333;font-size: 14px;}
.g_new .g_new_right dl a dd{font-size: 14px;line-height: 20px;}
.g_new .g_new_left dl dt{width: 36%;height: 80px;background-color: #007AFF;border-radius: 6%;text-align: center;line-height: 80px;color:#FFF;margin-top: 10px;}
.g_new .g_new_left dl{display: flex;justify-content: space-between;}
.g_new .g_new_left dl a dd h3{font-size: 16px;}
.g_new .g_new_left dl a dd{margin-left: 10px;}
.g_new .g_new_left dl a{color: #333333;font-size: 14px;display: inline-block;margin-top: 10px;}
.g_new .g_new_left dl a dd p{font-size: 14px;margin-top: 10px;}

.g_yqlj{margin: 0px 2%;}
.g_yqlj h3{border-bottom: 2px solid #e6e6e6;padding-bottom: 20px;font-size: 16px;}
.g_yqlj h3 span{color: #CCCCCC;display: inline-block;margin-left: 10px;}
.g_yqlj a{color:#666;font-size:10px;}
.g_yqlj .yqlg_a{margin-top: 10px;font-size: 14px;display: inline-block;margin-left: 5px;}
.g_yqlj .yqlg_a a{color: #333333;font-size: 14px;display: inline-block;margin-left: 5px;}

.footer{margin: 20px 0 0 0;}
.footer .footer_nav{margin: 20px 0 0 0;background-color:#1E90FF;height: 60px;display: flex;justify-content: space-between;padding: 0 20%;}
.footer .footer_nav li{width: 94px;border-right: 1px solid #fff;height: 20px;margin-top: 23px;}
.footer .footer_nav li a{color: #fff;line-height: 23px;font-size: 14px;}
.footer .footer_xx{display: flex;justify-content: space-between;background-color: #333;padding: 0 2%;height: 300px;}

.footer .footer_xx .foot_a{width: 30%;height: 260px;border-right: 2px solid #fff;margin-top: 23px;}
.footer .footer_xx .foot_a h2{font-size: 22px;color: #fff;margin-top: 60px;text-align: center;}
.footer .footer_xx .foot_a p{margin-top: 35px;margin-left: 10%;position: relative;color: #fff;background: url(../images/foot-contact.png)no-repeat;background-size: 100%;height: 60px;width: 74%;text-align: center;line-height: 60px;font-size: 20px;}
.footer .footer_xx .foot_a p span{color: #fff;display: inline-block;left: 10px;top: -30px;}
.footer .footer_xx .foot_a p img{width: 82%;}

.footer .footer_xx .foot_b{width: 30%;margin-top: 30px;border-right: 2px solid #fff;height: 260px;margin-top: 23px;}
.footer .footer_xx .foot_b h3{color: #fff;line-height: 50px;}
.footer .footer_xx .foot_b p{color: #fff;line-height: 40px;}

.footer .footer_xx .foot_c{width: 30%;}
.footer .footer_xx .foot_c img{width: 33%;display: inline-block;margin-left: 33%;}
.footer .footer_xx .foot_c h4{color: #fff;line-height: 50px;text-align: center;font-size: 24px;margin-top: 30px;}
.footer .footer_xx .foot_c p{color: #fff;line-height: 30px;margin-left: 33%;}

.lhj_why{display: flex; justify-content: space-between;width: 100%;}
.lhj_why p{ width: 48%;text-indent: 2em;font-size: 16px;line-height: 36px;color: #333;margin-left: 50px;}
.lhj_why img{width: 40%;height: 450px;margin-top: -48px;}
.lhj_duibi{display: flex;justify-content: space-between;margin: 0 4%;}
.lhj_duibi .duibi_left{width: 42%;}
.lhj_duibi .duibi_left h2{background-color: #007AFF;height: 60px;color: #fff;text-align: center;font-size: 18px;line-height: 60px;border-radius: 0 30px 0 0;}
.lhj_duibi .duibi_left ul{background-color:#c1e2f1 ;padding-right: 30px;border-radius: 0 0 0 30px;}
.lhj_duibi .duibi_left ul li{color: #000000;line-height: 50px;font-size: 16px;text-align: right;border-right: 2px solid #b5dae7;}
.lhj_duibi .duibi_left ul li span{display: inline-block;width: 10px;height: 10px;background-color: #fff;border-radius: 100%;margin-left: 45px;margin-right: -6px;}

.lhj_duibi .duibi_center{width: 20%;margin-top: 50px;position: relative;top: 30px;left: -28px;}
.lhj_duibi .duibi_center img{width: 290px;height: 215px;}


.lhj_duibi .duibi_right{width: 42%;}
.lhj_duibi .duibi_right h2{background-color: #007AFF;height: 60px;color: #fff;text-align: center;font-size: 18px;line-height: 60px;border-radius: 0 30px 0 0;}
.lhj_duibi .duibi_right ul{background-color:#c1e2f1 ;padding-left: 30px;border-radius: 0 0 0 30px;}
.lhj_duibi .duibi_right ul li{color: #000000;line-height: 50px;font-size: 16px;text-align: left;border-left: 2px solid #b5dae7;}
.lhj_duibi .duibi_right ul li span{display: inline-block;width: 10px;height: 10px;background-color: #fff;border-radius: 100%;margin-right: 45px;margin-left: -6px;}

.lhj_ys{display: flex;justify-content: space-between;margin: 0 4%;}
.lhj_ys dl{width: 24%;}
.lhj_ys dl dt img{width: 100%;}
.lhj_ys dl dd{font-size: 14px;text-indent: 2em;line-height: 30px;text-align: center;height: 180px;background-color: #F2F2F2;border: 1px solid #C0C0C0;margin-top: -5px;}

.lhj_sk{background-color: #C0C0C0;padding: 50px 0;}
.lhj_sk ul{display: flex;justify-content: space-between;margin: 0 5%;}
.lhj_sk ul li{width: 20%;background-color: #000000;height: 300px;padding: 0 2%;}
.lhj_sk ul li h2 img{width: 40%;margin: 10px 0 0 30%;}
.lhj_sk ul li h2 span{color: #fff;display: inline-block;font-size: 34px;position:absolute;left: 46%;top: 33%;}
.lhj_sk ul li h2{position: relative;}
.lhj_sk ul li h3{color: #fff;text-align:  center;}
.lhj_sk ul li h4{color: #fff;text-align:  center;border-bottom: 1px solid #fff;padding-bottom:10px ;}
.lhj_sk ul li p{font-size: 16px;line-height: 30px;color: #fff;text-align:  center;margin-top: 10px;}
.lhj_sk ul li:hover{background-color: #fff;}
.lhj_sk ul li:hover h2 span{color: #000;}
.lhj_sk ul li:hover h3{color: #000;}
.lhj_sk ul li:hover h4{color: #000;}
.lhj_sk ul li:hover p{color: #000;}
.lhj_sk ul li:hover h2 img{background: url(../images/lhj_img_1.png)no-repeat;background-size: 100%;margin: 10px 0 0 30%;}

.anli_1{width: 100%;padding: 20px 0;}
.anli_1 .g_anli_1{display: flex;justify-content: space-between;height: 108px;margin: 0 5%;}
.anli_1 .g_anli_1 ul{display: flex;justify-content: space-between;width: 50%;}
.anli_1 .g_anli_1 ul li{width: 18%;}
.anli_1 .g_anli_1 ul li a{display: inline-block;}
.anli_1 .g_anli_1 ul li a span{display: block;width: 55px;height: 55px;line-height: 0;border-radius: 50%;margin: 0 auto 8px;-webkit-transition: all .5s;transition: all .5s;overflow: hidden;background-color: #fff;margin-left: 35%;}
.anli_1 .g_anli_1 ul li a span img{width: 55px;height: 110px;transition: all .5s;margin-left: 2%;}
.anli_1 .g_anli_1 ul li a strong{color: #333333;display: inline-block;text-align: center;font-weight: normal;margin-left: 25%;font-size: 16px;width: 100%;}
.anli_1 .g_anli_1 ul li a span:hover{background-color: #000000;border-radius: 50%;}
.anli_1 .g_anli_1 ul li a span img:hover{margin-top: -58px;}
.anli_1 .g_anli_1 .g_anli_l{}
.anli_1 .g_anli_1 .g_anli_l a span{display: block;width: 55px;height: 55px;line-height: 0;border-radius: 50%;margin: 0 auto 8px;-webkit-transition: all .5s;transition: all .5s;overflow: hidden;background-color: #fff;margin-left: 35%;}
.anli_1 .g_anli_1 .g_anli_l a span img{width: 55px;height: 110px;transition: all .5s;margin-left: 2%;}
.anli_1 .g_anli_1 .g_anli_l a strong{color:red;display: inline-block;text-align: center;font-weight: normal;margin-left: 25%;font-size: 16px;width: 100%;}
.anli_1 .g_anli_1 .g_anli_l a span:hover{background-color: #000000;border-radius: 50%;}
.anli_1 .g_anli_1 .g_anli_l a span img:hover{margin-top: -58px;}

.anli_1 .g_anli_down{width: 70%;margin: 0 15%;height: 400px;}
.anli_1 .g_anli_down dl{display: flex;justify-content: space-between;height: 400px;}
.anli_1 .g_anli_down dl dt{width: 45%;background-color: #E7E7E7;height: 400px;}
.anli_1 .g_anli_down dl dd{width: 55%;}
.anli_1 .g_anli_down dl dd a img{width: 100%;height: 400px;}
.anli_1 .g_anli_down dl dt a h3{color:#000000;font-size: 24px;text-align: center;line-height: 40px;margin-top: 50px;}
.anli_1 .g_anli_down dl dt p{font-size: 16px;line-height: 30px;text-indent: 2em;padding: 20px 30px;}
.anli_1 .g_anli_down dl dt span{border: 1px solid #000000;display: inline-block;width: 100px;height: 40px;padding:0% 5%;margin: 20px 0 0 30%;}
.anli_1 .g_anli_down dl dt span a{display: inline-block;width: 100px;height: 40px;line-height: 40px;color: #333;}



.location{height: 50px;line-height: 50px;padding: 0 16%;}
.location b{font-size: 16px;margin-right: 20px;}
.location a{color:#333;font-size:16px;}

.pro_list{display: flex;justify-content: space-between;}
.pro_list .pro_list_left{width: 20%;margin-left: 5%;}
.pro_list .pro_list_left .pro_title{background-color: #5D86DF;height: 50px;border-radius: 10px;}
.pro_list .pro_list_left .pro_title a{font-size: 20px;display: inline-block;line-height: 50px;}
.pro_list .pro_list_left .pro_title span{background: url(../images/dec2.png)no-repeat;background-size: 50%;width: 10px;height: 10px;display: inline-block;margin-left: 20px;}
.pro_list .pro_list_left .prod_list_ul{background-color: #F3F7FE;}
.pro_list .pro_list_left .prod_list_ul li{color: #333333;border: 1px dashed #C0C0C0;height: 40px;width: 265px;}
.pro_list .pro_list_left .prod_list_ul li a{color: #333333;display: inline-block;line-height: 40px;width: 128px;text-align: center;}

.pro_list .pro_list_left .ny_contace{background-color: #F3F7FE;}
.pro_list .pro_list_left .ny_contace h2{height: 60px;line-height: 60px;color: #333333;background-color: #FFFFFF;font-size: 20px;padding-left: 10px;}
.pro_list .pro_list_left .ny_contace p{line-height: 40px;color: #333333;font-size: 16px;margin-left: 20px;}

.pro_list .pro_list_right{width: 68%;margin-right: 5%}

.pro_list .pro_list_right .prod_show{width: 100%;margin: 30px 0;}
.pro_list .pro_list_right .prod_show h2{/*height: 50px;*/border-bottom: 1px solid #E2EBF8;padding-bottom: 6px;}
.pro_list .pro_list_right .prod_show h2 img{width:3%;display: inline-block;margin-top: 14px;}
.pro_list .pro_list_right .prod_show h2 a{color: #333333;display: inline-block;height: 50px;line-height: 50px;margin-top: -18px;vertical-align:middle;margin-left: 10px;font-family: "å¾®è½¯é›…é»‘";font-size: 20px;}
.pro_list .pro_list_right .prod_show h2 span{margin-left: 68%;margin-top: -18px;display: inline-block;height: 50px;line-height: 50px;vertical-align:middle;}
.pro_list .pro_list_right .prod_show .show_ul{margin-top: 20px;display: flex;justify-content: space-around;flex-flow: wrap;overflow: hidden;}
.pro_list .pro_list_right .prod_show .show_ul a{display: inline-block;border: 1px solid #E2EBF8;margin-bottom: 10px;border: 1px solid #e2e2e2;-webkit-transition: all 334ms ease;
    transition: all 334ms ease;box-shadow: 5px 5px 5px #999;overflow: hidden;height:300px;width: 30%;}
.pro_list .pro_list_right .prod_show .show_ul a li{height: 300px;width:100%;overflow: hidden;}
.pro_list .pro_list_right .prod_show .show_ul a li img{width: 100%;height: 260px;transition: all 1s ease-out;}
.pro_list .pro_list_right .prod_show .show_ul a li p{color: #333333;text-align: center;height: 36px;line-height: 36px;}
.pro_list .pro_list_right .prod_show .show_ul a:hover{border-width: 1px;box-shadow: 0 0 10px #eee;border-color: #333;}

/*.pro_list .pro_list_right .prod_show ul a li:hover img{transform: scale(1.05);}*/

.pro_list .pro_list_right .pro_hot{border-bottom: 1px solid #E2EBF8;padding-bottom: 6px;}
.pro_list .pro_list_right .pro_hot h2 img{width:3%;display: inline-block;margin-top: 14px;}
.pro_list .pro_list_right .pro_hot h2 a{color: #333333;display: inline-block;height: 50px;line-height: 50px;margin-top: -18px;vertical-align:middle;margin-left: 10px;font-family: "å¾®è½¯é›…é»‘";font-size: 20px;}
.pro_list .pro_list_right .pro_hot h2 span{margin-left:70%;margin-top: -28px;display: inline-block;height: 50px;line-height: 50px;vertical-align:middle;}
.pro_list .pro_list_right .pro_hot .show_ul{margin-top: 20px;display: flex;justify-content: space-between;flex-flow: wrap;overflow: hidden;}
.pro_list .pro_list_right .pro_hot .show_ul a{display: inline-block;border: 1px solid #E2EBF8;margin-bottom: 10px;-webkit-transition: all 334ms ease;transition: all 334ms ease;overflow: hidden;height: 256px;width: 263px !important;}
.pro_list .pro_list_right .pro_hot .show_ul a li{height: 300px;width: 263px;overflow: hidden;display: table-cell;}
.pro_list .pro_list_right .pro_hot .show_ul a li img{width: 100%;height: 220px;transition: all 1s ease-out;}
.pro_list .pro_list_right .pro_hot .show_ul a li p{color: #333333;text-align: center;height: 50px;}
.pro_list .pro_list_right .pro_hot .show_ul a:hover li{padding: 6px;border: 1px solid #a3b2d0;background: #f4f8fe;box-shadow: 0 0 8px 4px #e2ebf8;}

.pro_list .prod_case_left{width: 25%;margin-left: 5%;}
.pro_list .prod_case_left .pro_title{background-color: #5D86DF;height: 80px;text-align: center;}
.pro_list .prod_case_left .pro_title a{font-size: 28px;display: inline-block;line-height: 80px;color: #fff;}
/*.pro_list .prod_case_left .pro_title span{background: url(../images/dec2.png)no-repeat;background-size: 50%;width: 10px;height: 10px;display: inline-block;margin-left: 20px;}*/
.pro_list .prod_case_left ul{margin-top: 5px;background-color: #F3F7FE;}
.pro_list .prod_case_left ul li{color: #333333;border: 1px solid #CCCCCC;height: 46px;width: 100%;}
.pro_list .prod_case_left ul li a{color: #333333;display: inline-block;line-height: 46px;width: 160px;text-align: center;}
.pro_list .prod_case_left ul li span{background: url(../images/case_icon2.png)no-repeat;background-size: 95%;width: 30px;height: 30px;display: inline-block;margin-left: 30%;vertical-align: middle;}
.pro_list .prod_case_left ul li:hover{background-color: #333;}
.pro_list .prod_case_left ul li:hover a{color: #fff;}
.pro_list .prod_case_left ul li:hover span{background: url(../images/case_icon1.png)no-repeat;background-size: 95%;width: 30px;height: 30px;display: inline-block;margin-left: 30%;vertical-align: middle;}



.pro_list .prod_case_left .ny_contace{background-color: #F3F7FE;}
.pro_list .prod_case_left .ny_contace h2{height: 60px;line-height: 60px;color: #333333;background-color: #FFFFFF;font-size: 20px;padding-left: 10px;}
.pro_list .prod_case_left .ny_contace p{line-height: 46px;color: #333333;font-size: 16px;margin-left: 20px;}

.pro_list .prod_case_right{width: 64%;padding-right: 4%;}
.pro_list .prod_case_right dl{width: 95%;display: flex;justify-content: space-between;padding: 20px;border: 1px solid #C0C0C0;margin-top: 20px;}
.pro_list .prod_case_right dl a{display: inline-block;width: 100%;}
.pro_list .prod_case_right dl a dt{width: 100%;height: 210px;overflow: hidden;}
.pro_list .prod_case_right dl a dt img{width: 100%;height: 210px;}
.prod_list .prod_case_right .fenye{margin: 40px auto;width: 100%;padding-left: 4%;}
.prod_list .prod_case_right .fenye a{vertical-align: top;display: inline-block;padding: 0 8px;height: 26px;line-height: 26px;border: 1px solid #e5e5e5;text-align: center;margin: 0 2px;background: #fff;font-size: 16px;color: #333;}
.pro_list .prod_case_right dl dd{margin-left: 30px;}
.pro_list .prod_case_right dl dd h2{font-size: 20px;text-align: center;}
.pro_list .prod_case_right dl dd p{font-size: 16px;line-height: 30px;margin-top: 10px;}
.pro_list .prod_case_right dl dd a{display: inline-block;width: 120px;height: 40px;line-height: 40px;font-size: 16px;background-color: #007AFF;color: #fff;text-align: center;margin: 20px 0 0 67%;}

.pro_list .prod_case_right dl:hover{border: 1px solid #333;}
.pro_list .prod_case_right dl dd a:hover{background-color: #333;color: #fFF;}


.pro_list .prod_case_right .pro_hot{/*height: 100%;*/border-bottom: 1px solid #E2EBF8;padding-bottom: 6px;}
.pro_list .prod_case_right .pro_hot h2 img{width:3%;display: inline-block;margin-top: 14px;}
.pro_list .prod_case_right .pro_hot h2 a{color: red;display: inline-block;height: 50px;line-height: 50px;margin-top: -18px;vertical-align:middle;margin-left: 10px;font-family: "å¾®è½¯é›…é»‘";font-size: 20px;}
.pro_list .prod_case_right .pro_hot h2 a b{color: red;font-size: 20px;font-family: "å¾®è½¯é›…é»‘";}
.pro_list .prod_case_right .pro_hot h2 span{margin-left: 56%;margin-top: -18px;display: inline-block;height: 50px;line-height: 50px;vertical-align:middle;}
.pro_list .prod_case_right .pro_hot .show_ul{margin-top: 10px;display: flex;justify-content: space-between;flex-flow: wrap;overflow: hidden;}
.pro_list .prod_case_right .pro_hot .show_ul a{display: inline-block;border: 1px solid #E2EBF8;margin-bottom: 10px;/*-webkit-transition: all 334ms ease;transition: all 334ms ease;*/overflow: hidden;height: 295px;width: 263px;}
.pro_list .prod_case_right .pro_hot .show_ul a li{height: 280px;width: 263px;overflow: hidden;display: table-cell;}
.pro_list .prod_case_right .pro_hot .show_ul a li img{width: 100%;height: 240px;/*transition: all 1s ease-out;*/}
.pro_list .prod_case_right .pro_hot .show_ul a li p{color: #333333;text-align: center;height: 50px;line-height: 50px;}
/*.pro_list .prod_case_right .pro_hot .show_ul a:hover li{padding: 6px;border: 1px solid #a3b2d0;background: #f4f8fe;/*box-shadow: 0 0 8px 4px #e2ebf8;*/}*/

/*.pro_list .prod_case_right .pro_hot .show_ul a:hover li p{color: #fff;background-color: #007AFF;}*/
.prod_case_right .pro_hot .show_ul a:hover li{border: 1px solid #a3b2d0;}
.prod_case_right .pro_hot .show_ul a:hover li p{color: #fff;background-color: #007AFF;}
.prod_case_right .pro_hot .show_ul a:hover {box-shadow: 4px 4px 3px #ECECEC;}


.bg-img {
	font-family: "å¾®è½¯é›…é»‘";
	font-weight: bold
}

.titlesi h1 {
	width: 100%;
	text-align: center;
	height: 40px;
	font-size: 34px;
	font-weight: bold
}

.titlesi span {
	width: 100%;
	display: inline-block;
	font-size: 16px;
	color: #666;
	text-align: center;
	line-height: 26px;
}

.p-f {
	font-size: 16px;
	text-align: center;
	line-height: 60px
}

.p-f span {
	color: #0067cb;
	font-weight: bold
}

.demo-f {
	margin: 40px 0rem 0rem 70px;
	display: flex;
	justify-content: space-between
}

.demo-f dl {
	width: 24%
}

.demo-f dl dt {
	width: 86%;
}

.demo-f dl dt img {
	width:100%;
	height: 100%;
}

.demo-f .dd {
	margin-left: -48px;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}

.demo-f .dd-1 {
	width: 184px;
	margin-left: 35px;
	line-height: 26px;
	font-size: 14px;
	color: #666;
	text-align: center;
}

.fuwu {
	width: 390px;
	border: 1px solid #999;
	border-radius: 20px;
	font-size: 16px;
	padding: 10px 20px;
	margin: 30px 0 30px 470px;
	text-align: center
}

.nav-i {
	margin: 40px 0rem 0rem 50px;
	position: relative
}

.nav-img img {
	width: 1200px;
	height: 92px
}
.dl1 {
	position: absolute;
	top: 25px;
	left: 66px
}

.dl1 dt {
	float: left;
	width: 43px;
	height: 42px;
	margin-right: 10px
}

.dl1 dt img,
.dl2 dt img,
.dl3 dt img {
	width: 43px;
	height: 42px
}

.dl1 dd {
	width: 300px;
	font-size: 20px;
	color: #fff;
	font-weight: bold
}

.dl1 dd:last-child {
	font-weight: normal;
	font-size: 12px
}

.dl2 {
	position: absolute;
	top: 25px;
	left: 480px
}

.dl2 dt {
	float: left;
	width: 43px;
	height: 42px margin-right:10px
}

.dl2 dd {
	width: 300px;
	font-size: 20px;
	color: #fff;
	font-weight: bold
}

.dl2 dd:last-child {
	font-weight: normal;
	font-size: 12px
}

.dl3 {
	position: absolute;
	top: 25px;
	left: 890px
}

.dl3 dt {
	float: left;
	width: 43px;
	height: 42px;
	margin-right: 10px
}

.dl3 dd {
	width: 300px;
	font-size: 20px;
	color: #fff;
	font-weight: bold
}

.dl3 dd:last-child {
	font-weight: normal;
	font-size: 12px;
	width: 300px
}


.mian_four {
    background: url(../images/kyjwb.jpg)no-repeat;
    width: 100%;
    padding: 20px 0 60px 0;
    margin-top: 50px
}

.mian_four ul {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.mian_four ul li {
    width: 20%;
    border: 1px solid #ccc;
    height: 350px;
    position: relative
}

.mian_four ul li .mian_li_top1 {
    width: 100%;
    height: 350px
}

.mian_four ul li .mian_li_top1 img {
    width: 25%;
    margin: 15% 0 0 38%
}

.mian_four ul li .mian_li_top1 h4 {
    font-size: 24px;
    color: #fff;
    line-height: 35px;
    text-align: center;
    margin-top: 20px
}

.mian_four ul li .mian_li_top1 h5 {
    font-size: 24px;
    color: #fff;
    line-height: 35px;
    text-align: center
}

.mian_four ul li .mian_li_top1 span {
    width: 5%;
    border: 2px solid #fff;
    display: block;
    margin: 30px 0 0 120px
}

.mian_four ul li .mian_li_down1 {
    width: 100%;
    height: 350px;
    position: absolute;
    top: -350px;
    left: 0;
    background-color: #fff;
    display: none
}

.mian_four ul li .mian_li_down1 h4 {
    font-size: 26px;
    color: #333;
    line-height: 35px;
    text-align: center;
    margin-top: 85px
}

.mian_four ul li .mian_li_down1 h5 {
    font-size: 26px;
    color: #333;
    line-height: 45px;
    text-align: center
}

.mian_four ul li .mian_li_down1 img {
    width: 14%;
    margin: 30px 0 0 112px;
    display: inline-block
}

.mian_four ul li .mian_li_down1 span {
    width: 5%;
    border: 2px solid #333;
    display: block;
    margin: 30px 0 0 120px
}

.mian_four ul li:hover .mian_li_down1 {
    position: absolute;
    top: 0;
    left: 0;
    display: block
}


.mian_four .wy_titles{}
.mian_four .wy_titles h2{font-size: 24px;color: #fff;text-align: center;}
.mian_four .wy_titles p{font-size: 16px;color: #fff;text-align: center;margin: 10px 0;}

.wy_titles{margin: 20px 0;}
.wy_titles h2{font-size: 24px;text-align: center;}
.wy_titles p{font-size: 16px;text-align: center;margin: 10px 0;}



.mian_five{width: 1300px;margin: 0 auto;display: flex;justify-content: space-between;}
.mian_five .mian_five_left{width: 60%;}
.mian_five .mian_five_left h3{font-size: 30px;line-height: 40px;text-align: center;margin: 10px 0;}
.mian_five .mian_five_left h3 b{font-size: 38px;color: red;}
.mian_five .mian_five_right{width: 30%;}
.mian_five .mian_five_right h4{font-size: 30px;line-height: 40px;text-align: center;margin: 10px 0;}
.mian_five .mian_five_right h4 b{font-size: 38px;color: red;}
.mian_five .mian_five_right div a{color: #333;display: inline-block;width: 45%;text-align: center;line-height: 30px;}
.mian_five .mian_five_right div{padding: 20px 18%;}
.mian_five .mian_five_right p{width: 90%;background-color: #ccc;height: 30px;line-height: 30px;font-size: 14px;text-align: center;margin: 0 auto;margin-top: 60px;}


.about_one {
    background: url(../images/about-bg.jpg)no-repeat;
    padding: 15px 0 15px 0
}

.about_nav {
    height: 50px;
    margin: 0 10%;
}

.about_nav ul {
    display: flex;
    margin: 0 auto;
    height: 50px;
    /*width: 1300px;*/
    justify-content: space-between
}

.about_nav ul li {
    width: 15%;
    background-color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    margin-left: 10px
}

.about_one .about_text {
    /*width: 1300px;*/
    margin: 0 10%;
    margin-top: 40px
}

.about_one .about_text p {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-indent: 2em;
    margin-top: 10px
}

.about_one .about_ul {
    display: flex;
    width:88%;
    margin: 0 auto;
    justify-content: flex-start;
    margin-top: 70px;
    margin-left: 12%
}

.about_one .about_ul li {
    /*background: url(../images/about-01.png)no-repeat;*/
    width: 11%;
    height: 140px;
    margin-left: -11px
}

.about_one .about_ul li a {
    color: #333;
    display: inline-block;
    width: 100%;
    height: 140px;
    text-align: center;
    font-size: 16px;
    line-height: 140px;
    font-weight: bold
}

.about_one .about_ul li:nth-child(even) {
    margin-top: -60px;
}

.about_tel{display: flex;justify-content: space-between;margin: 20px 10%;width: 80%;}
.about_tel li{width: 20%;}
.about_tel li img{width: 20%;display: inline-block;margin-left: 38%;}
/*.about_tel li b{font-size: 16px;text-align: center;}*/
.about_tel li p{font-size: 16px;text-align: center;margin-top: 10px;}

.g_ditu{width: 100%;margin: 20px 0;}
.g_ditu img{width: 100%;}

.g_yyly{margin: 30px 0;width: 100%;}
.g_yyly p{background-color: #e4eaec;font-size: 16px;line-height:30px;margin: 10px 5%;padding: 10px;}
.g_yyly .yyly_dl{display: flex;justify-content: space-between;width: 90%;margin: 10px 5%;flex-flow: wrap;}
.g_yyly .yyly_dl dl{width: 23%;margin: 10px;} 
.g_yyly .yyly_dl dl dt{width: 100%;height: 240px;} 
.g_yyly .yyly_dl dl dt img{width: 100%;} 
.g_yyly .yyly_dl dl dd{text-align: center;background-color:#e4eaec;height: 48px;line-height: 48px;} 

.g-topnav{display: block;}
.g_zhanshi_m{display: none;}

.m-nav{display: none;}
.m-tops{display: none;}
.pro_list .pro_list_left{display: block;}

.g_news .news_left p:last-of-type{display: block;}


/*äº§å“å†…é¡µ*/
/*.pro_list_right{display: flex;width: 100%;}*/
.pro_list_right .pro-list_1{display: flex;justify-content: space-between;}
.list-leftpro{width: 50%;display: flex;justify-content: space-between;margin-top:0 !important;}

/*.pro_list_right .list-leftpro_show{}*/


.list-leftpro .leftpro_1{width: 80%;border: 2px solid #ccc;height: 280px;}
.list-leftpro .leftpro_1 .probanner{width: 100%;display: flex;}
.list-leftpro .leftpro_1 .probanner img{width: 96%;display: inline-block;margin:0 2%;height: 266px;margin-top:8px;}

.list-rightpro{width: 55%;}
.list-rightpro h2{font-size: 20px;line-height: 40px;border-bottom: 2px solid #ccc;padding-bottom: 6px;}
.list-rightpro h4{font-size: 16px;line-height: 28px;color: #333;margin-top: 8px;}
.list-rightpro p{padding-bottom: 10px;line-height: 28px;}

.prod_xq{margin-top: 30px;}
.prod_xq .nav_tabs{width: 100%;background-color: #ccc;height: 50px;padding: 10px;overflow: hidden;zoom: 1;}
.prod_xq .nav_tabs li{float: left; width: 28%;height: 50px;line-height: 50px;font-size: 18px;background-color: #fff;text-align: center;margin-right: 10px;}
.prod_xq .nav_tabs .actives {background-color: #333;color: #fff;}
.prod_right h1{text-align: center;font-size: 24px;font-weight: normal;}

/*é“åˆé‡‘ç®¡é“å†…å®¹é¡µ*/
.cont-ny{width: 800px;margin: 0 auto;border: 1px solid red;}
/*.cont-ny .cont_title{width: 100%;margin-top: 10px;}*/
.cont-ny .tit_h1{margin: 10px 0;}
.cont-ny .tit_h1 h3{text-align: center;font-size: 24px;line-height: 40px;}
.cont-ny .tit_h1 span{text-align: center;display: inline-block;width: 100%;}
.cont-ny .text_tit .tit_dl{display: flex;justify-content: space-between;background-color: #E2E2E2;height: 230px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);}
.cont-ny .text_tit .tit_dl p{font-size: 16px;text-indent: 1em;width: 58%;padding: 0 6px;line-height: 30px;margin-top: 30px;}
.cont-ny .text_tit .tit_dl img{width: 40%;height: 208px;margin-top: 11px;margin-right: 1%;}
.lhj-one margin-top: 20px}
.lhj-one p {line-height: 30px;font-size: 16px}
.span {display: inline-block;width: 100%;height: 50px;line-height: 50px;color: #ffff;background-color: #0067cb;text-align: center;font-size: 18px;margin-top: 20px}
.lhj-one img{width: 100%;height: 100%}
table{width: 100%;text-align: center;line-height: 30px;font-size: 12px;border-collapse: collapse}
table td{font-size: 12px}
.tit_dl_1 p{width: 100%;}
.tit_dl_1 p .tit_img{width: 70%;margin: 10px 15%;display: block;height: 280px;}
.tit_dl_1 .titl_img{display: flex;justify-content: space-between;}
.tit_dl_1 .titl_img img{width: 48%;height: 248px;}
.tit_dl_1 .tit_p1{width: 100%;}
.tit_dl_1 .tit_p1 img{width: 100%;display: block;height: 480px;}


			
			.pro_list .pro_list_right a li{width: 25%;height: 300px;}
.pro_list .pro_list_right a li img{width: 100%;height: 251px;}
.pro_list .pro_list_right a li p{width: 100%;height: 50px;color: #666;text-align: center;line-height: 35px;}



